"use client";
import { useFavorites, useCompare } from "@/lib/favorites";
import { IconHeart, IconCompare, IconShare } from "@/components/icons";
import Link from "next/link";
export function ListingActions({ uid, url }: { uid: string; url: string | null; connector: string }) {
  const fav = useFavorites(); const cmp = useCompare();
  const share = async () => { const u = window.location.href; if (navigator.share) { try { await navigator.share({ url: u, title: document.title }); } catch { /* annulé */ } } else { await navigator.clipboard.writeText(u); alert("Lien copié"); } };
  return (
    <div className="mt-4 flex flex-wrap gap-2">
      <button type="button" onClick={() => fav.toggle(uid)} className={`tv-btn ${fav.has(uid) ? "tv-btn-primary" : "tv-btn-ghost"}`} aria-pressed={fav.has(uid)}><IconHeart width={16} height={16} filled={fav.has(uid)} /> {fav.has(uid) ? "Dans mes favoris" : "Favori"}</button>
      <button type="button" onClick={() => cmp.toggle(uid)} className="tv-btn tv-btn-ghost" aria-pressed={cmp.has(uid)}><IconCompare width={16} height={16} /> {cmp.has(uid) ? "Retirer du comparateur" : "Comparer"}</button>
      {cmp.items.length >= 2 && <Link href="/comparer" className="tv-btn tv-btn-ghost">Voir le comparateur ({cmp.items.length})</Link>}
      <button type="button" onClick={share} className="tv-btn tv-btn-ghost"><IconShare width={16} height={16} /> Partager</button>
      {url && <a href={url} target="_blank" rel="noopener nofollow" className="tv-btn tv-btn-ghost md:hidden">Annonce d'origine</a>}
    </div>
  );
}